TypeScript Ishlash Qobiliyati: Kompilyatsiya Tezligini Optimallashtirish Usullari

JavaScriptning ustki qismi bo'lgan TypeScript statik turlashni, yaxshilangan kodni tashkil qilishni va parvarishlashni osonlashtiradi. Biroq, loyihalar kattalashib va murakkablashib borgan sari, TypeScript kompilyatsiyasi ishlab chiqarish jarayonida muhim to'siqqa aylanishi mumkin. Sekin kompilyatsiya vaqtlari ishlab chiquvchi samaradorligini pasaytirishi, xafa bo'lishni kuchaytirishi va iteratsiya sikllarini uzaytirishi mumkin. Ushbu maqolada TypeScript kompilyatsiya tezligini optimallashtirish uchun samarali usullar ko'rib chiqiladi, bu esa yanada silliq va samarali ishlab chiqarish tajribasini ta'minlaydi.

Kompilyatsiya Jarayonini Tushunish

Optimallashtirish usullariga o'tishdan oldin, TypeScript kompilyatsiya jarayonini tushunish muhimdir. TypeScript kompilyatori (tsc) TypeScript fayllarini o'qiydi, tur tekshiruvini amalga oshiradi va JavaScript fayllarini chiqaradi. Kompilyatsiya tezligiga bir nechta omillar ta'sir qiladi, jumladan:

• Loyihaning Hajmi: TypeScript fayllari va kod qatorlari soni to'g'ridan-to'g'ri kompilyatsiya vaqtiga ta'sir qiladi.
• Tur Murakkabligi: Murakkab tur ta'riflari, generiklar va birlashmalar kompilyatorning ish yukini oshiradi.
• Modulni Aniqlash: Modul bog'liqliklarini topish va hal qilish jarayoni vaqt talab qilishi mumkin, ayniqsa murakkab modul tuzilmalariga ega bo'lgan yirik loyihalarda.
• tsconfig.json Konfiguratsiyasi: tsconfig.json faylida ko'rsatilgan kompilyator opsiyalari kompilyatsiya tezligi va chiqishiga sezilarli ta'sir qiladi.
• Uskuna: CPU tezligi, RAM va disk I/O ishlashi ham rol o'ynaydi.

Optimallashtirish Usullari

Quyida TypeScript kompilyatsiya tezligini optimallashtirish uchun bir nechta usullar keltirilgan:

1. Inkremental Kompilyatsiya

Inkremental kompilyatsiya kompilyatsiya tezligini oshirishning eng samarali usullaridan biridir. Yoqilganda, kompilyator loyihaning tuzilishi va bog'liqliklari haqida ma'lumotlarni saqlaydi. Keyingi kompilyatsiyalar faqat oxirgi kompilyatsiyadan keyin o'zgargan fayllarni qayta ishlaydi. Inkremental kompilyatsiyani yoqish uchun tsconfig.json faylingizda incremental opsiyasini true ga o'rnating:

            {
  "compilerOptions": {
    "incremental": true,
    "tsBuildInfoFile": ".tsbuildinfo" // Majburiy emas, lekin tavsiya etiladi
  }
}

            

              
                Copy
              
            
          

tsBuildInfoFile opsiyasi inkremental qurilish ma'lumot faylining joyini belgilaydi. Git tomonidan kuzatilishini oldini olish uchun ushbu faylni .gitignore ga qo'shish yaxshi amaliyotdir.

Misol: Yuzlab TypeScript fayllariga ega bo'lgan katta elektron tijorat ilovasini tasavvur qiling. Inkremental kompilyatsiyasiz, to'liq qurilish bir necha daqiqa davom etishi mumkin. Inkremental kompilyatsiya yoqilganda, kichik kod o'zgarishlaridan keyingi keyingi qurilishlar bir necha soniya davom etishi mumkin.

2. Loyiha Havolalari

Yirik loyihalar uchun ularni kichikroq, boshqariladigan modullar yoki kutubxonalarga bo'lishni ko'rib chiqing. TypeScriptning loyiha havolalari xususiyati sizga kod bazasini bir-biriga bog'langan loyihalar to'plami sifatida tuzishga imkon beradi. Bu kompilyatorga loyihalarni parallel va inkremental ravishda qurishga imkon beradi, qurilish vaqtlarini yanada qisqartiradi.

Loyiha havolalaridan foydalanish uchun har bir kichik loyiha uchun tsconfig.json faylini yarating. Asosiy loyihaning tsconfig.json faylida, kichik loyiha tsconfig.json fayllariga yo'nalishlarni ko'rsatuvchi references massivini qo'shing:

            {
  "compilerOptions": {
    "composite": true, // Loyiha havolalari uchun majburiy
    "declaration": true, // Loyiha havolalari uchun majburiy
    "declarationMap": true,
    "incremental": true,
    "tsBuildInfoFile": ".tsbuildinfo"
  },
  "files": [], // Fayllarni aniq chiqarib tashlash; `references` orqali qo'shish
  "references": [
    { "path": "./core" },
    { "path": "./ui" },
    { "path": "./api" }
  ]
}

            

              
                Copy
              
            
          

Har bir havola qilingan loyihaning tsconfig.json fayli composite: true va declaration: true ga ega bo'lishi kerak. Bu TypeScriptga har bir kichik loyiha uchun deklaratsiya fayllarini (.d.ts) yaratishga imkon beradi, ular ularga bog'liq bo'lgan boshqa loyihalar tomonidan ishlatiladi.

Misol: Veb-ilovani o'z ichiga olgan asosiy kutubxona, UI kutubxonasi va API mijoz kutubxonasi deb tasavvur qiling. Har bir kutubxona o'zining tsconfig.json faylida alohida loyiha bo'lishi mumkin. Keyin asosiy ilova loyihasi bu kutubxonalarga havola qilib, ularni mustaqil va parallel ravishda qurishga imkon beradi.

3. Modulni Aniqlash Strategiyalari

TypeScriptning modulni aniqlash strategiyasi kompilyator modul bog'liqliklarini qanday topishini va hal qilishini belgilaydi. classic standart strategiyasi, ayniqsa yirik loyihalarda samarasiz bo'lishi mumkin. node modulni aniqlash strategiyasiga o'tish kompilyatsiya tezligini sezilarli darajada oshirishi mumkin.

node modulni aniqlash strategiyasidan foydalanish uchun tsconfig.json faylingizda moduleResolution opsiyasini node ga o'rnating:

            {
  "compilerOptions": {
    "moduleResolution": "node"
  }
}

            

              
                Copy
              
            
          

node modulni aniqlash strategiyasi Node.jsning modulni aniqlash algoritmini takrorlaydi, bu odatda yanada samarali va bashoratlidir.

Bundan tashqari, baseUrl va paths kompilyator opsiyalaridan to'g'ri foydalanganligingizga ishonch hosil qilish modulni aniqlashni keskin tezlashtirishi mumkin. `baseUrl` nom-mutloq modul nomlarini hal qilish uchun asosiy katalogni belgilaydi. `paths` sizga modul yo'llari uchun alias yaratishga imkon beradi.

            {
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@core/*": ["src/core/*"],
      "@ui/*": ["src/ui/*"]
    }
  }
}

            

              
                Copy
              
            
          

Misol: Loyihada chuqur joylashgan modul kataloglari bo'lishi mumkin. baseUrl va paths dan foydalanish uzoq nisbiy yo'llardan (masalan, ../../../../utils/helpers) qochish va modulni aniqlashni tezlashtirishi mumkin.

4. Maqsadli Kompilyatsiya

Har safar butun loyihani kompilyatsiya qilish o'rniga, siz ma'lum fayllar yoki kataloglarni maqsad qilib olishingiz mumkin. Bu, ayniqsa, siz kod bazasining faqat kichik bir qismida ishlayotganingizda foydalidir. Ma'lum fayllarni maqsad qilish uchun tsc buyruq qatoridan foydalaning.

            
tsc src/components/MyComponent.ts

            

              
                Copy
              
            
          

Bu faqat `MyComponent.ts` va uning bog'liqliklarini kompilyatsiya qiladi.

Loyiha havolalari bilan siz alohida kichik loyihalarni kompilyatsiya qilishingiz mumkin:

            
tsc -b core

            

              
                Copy
              
            
          

Bu buyruq sizning references massivida aniqlangan `core` loyihasini kompilyatsiya qiladi.

5. Tur Tekshiruvi Ustuvorligini Kamaytirish

TypeScriptning statik turlash muhim afzallik bo'lsa-da, u kompilyatsiya ustuvorligiga ham hissa qo'shishi mumkin. Muayyan xususiyatlar, masalan, murakkab generiklar va birlashma turlari, turlashni tekshirish uchun ayniqsa qimmat bo'lishi mumkin. Quyidagi strategiyalarni ko'rib chiqing:

• Aniq Turlardan Foydalaning: Turlarni aniq belgilash ba'zan kompilyatorga turlarni yanada samarali aniqlashga yordam berishi mumkin.
• Haddan Tashqari Generiklardan Saqlaning: Generiklardan haddan tashqari foydalanish murakkab tur aniqlashlariga olib kelishi mumkin. Iloji bo'lsa, yanada aniqroq turlardan foydalanishni ko'rib chiqing.
• Birlashma Turlarini soddalashtiring: Katta birlashma turlarini tekshirish qimmat bo'lishi mumkin. Tur ta'riflarini soddalashtirish uchun diskriminatsiyalangan birlashmalar yoki boshqa usullardan foydalanishni ko'rib chiqing.
• any dan foydalaning (ehtiyotkorlik bilan): Umuman olganda tavsiya etilmasa-da, `any` dan foydalanish muayyan vaziyatlarda ishlov berish qobiliyatini chetlab o'tishi mumkin, bu yerda ishlash muhim va tur xavfsizligi kamroq ahamiyatga ega. Biroq, buni kam ishlatish kerak, chunki bu TypeScriptdan foydalanishning mohiyatini yo'qotadi.
• --noImplicitAny: Ushbu bayroqni tsconfig.json faylida true ga o'rnatish sizni aniq anotatsiyalashga majbur qiladi, bu kompilyatorga tur aniqlashda yordam berishi mumkin.

Misol: T har qanday narsa bo'lishi mumkin bo'lgan Array<T> kabi umumiy turdan foydalanish o'rniga, agar massiv faqat stringlar yoki raqamlarni o'z ichiga olishi ma'lum bo'lsa, Array<string> yoki Array<number> kabi yanada aniqroq turdan foydalanishni ko'rib chiqing.

6. Kompilyator Opsiyalarini Optimallashtirish

tsconfig.json faylidagi bir nechta kompilyator opsiyalari kompilyatsiya tezligiga ta'sir qilishi mumkin. Ishlashni optimallashtirish uchun ushbu opsiyalarni sozlashni ko'rib chiqing:

• target: Sizning ishlaydigan muhitingizga mos keladigan JavaScript versiyasini tanlang. Eski versiyalarni (masalan, ES5) maqsad qilish ko'proq kod o'zgartirishlarini talab qilishi mumkin, bu kompilyatsiya vaqtini oshiradi. Yangi versiyalarni (masalan, `ES2020`, `ESNext`) maqsad qilish tezroq kompilyatsiyaga olib kelishi mumkin.
• module: Modul kodi ishlab chiqarish uslubini belgilaydi (masalan, commonjs, esnext, amd). `esnext` zamonaviy to'plagichlar uchun tezroq bo'ladi.
• sourceMap: Kompilyatsiya vaqtini va chiqish hajmini kamaytirish uchun production qurilishlarda manba xaritasi (source map) hosil qilishni o'chirib qo'ying. Production tsconfig.json faylida sourceMap ni false ga o'rnating.
• declaration: Faqat zarur bo'lganda deklaratsiya fayllarini (.d.ts) hosil qilishni yoqing. Agar deklaratsiya fayllarini hosil qilishga ehtiyoj bo'lmasa, development qurilishlari uchun uni o'chirib qo'ying.
• removeComments: Kompilyatsiya paytida izohlarni olib tashlash qurilish vaqtini biroz yaxshilaydi va chiqish hajmini kamaytiradi. removeComments ni true ga o'rnating.
• importHelpers: Yordamchi kutubxonadan (masalan, `tslib`) foydalanish har bir modulga yordamchi funksiyalarni kiritishdan qochadi, bu kod hajmini va kompilyatsiya vaqtini kamaytirishi mumkin. `importHelpers` ni true ga o'rnating va `tslib` ni o'rnating.
• isolatedModules: Agar siz TypeScriptdan *oldin* translyatsiya qilish uchun Babel kabi vositadan foydalanayotgan bo'lsangiz, ushbu bayroqni `true` ga o'rnatish har bir faylni alohida modul sifatida kompilyatsiya qilish imkonini beradi. Bu ba'zi stsenariylarda tezroq qurilishlarga yordam berishi mumkin.

Misol: So'nggi brauzerlarni maqsad qilgan zamonaviy veb-ilova uchun siz "target": "ESNext" va "module": "esnext" dan foydalanishingiz mumkin.

7. Qurilish Vositalari va To'plagichlardan Foydalaning

Webpack, Rollup va Parcel kabi vositalar TypeScript qurilish ishlarining samaradorligini sezilarli darajada oshirishi mumkin. Ushbu vositalar turli optimallashtirish usullaridan foydalanadi, jumladan:

• Tree Shaking: Chiqish hajmini kamaytirish uchun ishlatilmaydigan kodni olib tashlash.
• Kodni Bo'lish: Ilovani talab bo'yicha yuklanadigan kichikroq qismlarga bo'lish.
• Kesh qilish: Takroriy kompilyatsiyadan qochish uchun qurilish natijalarini kesh qilish.
• Paralellik: Ko'p CPU yadrolaridan foydalanish uchun qurilish vazifalarini parallel ravishda bajarish.

TypeScriptni qurilish vositalari bilan integratsiya qilishda, TypeScript uchun maxsus ishlab chiqilgan plaginlar va yuklagichlardan foydalanishni ko'rib chiqing, masalan, Webpack uchun ts-loader yoki esbuild-loader, yoki Parceldagi o'rnatilgan TypeScript qo'llab-quvvatlashi. Ushbu vositalar ko'pincha qo'shimcha optimallashtirish opsiyalarini va boshqa qurilish vositalari bilan integratsiyani taklif qiladi.

Misol: `ts-loader` bilan Webpackdan foydalanish va keshni yoqish yirik veb-ilovalarning qurilish vaqtlarini sezilarli darajada kamaytirishi mumkin. Dastlabki qurilish uzoqroq davom etishi mumkin, ammo keyingi qurilishlar kesh tufayli ancha tezroq bo'ladi.

8. Tezroq Translyatorlar/Tekshiruvchilardan Foydalaning

Rasmiy `tsc` har doim ham eng tez variant emas. Alternativlarni ko'rib chiqing, masalan:

• esbuild: Go tilida yozilgan juda tez JavaScript va TypeScript to'plagich va translyator. U translyatsiya uchun `tsc` dan sezilarli darajada tezroq bo'lishi mumkin, garchi u tur tekshiruvining bir xil darajasidagi qat'iyligini ta'minlamasa ham.
• swc: Translyatsiya va to'plash uchun ham juda tez bo'lgan yana bir Rust-asosidagi vosita.
• ts-patch + @typescript-eslint/typescript-estree: Agar loyihangiz ESLint va `@typescript-eslint` ga katta bog'liq bo'lsa, bu kombinatsiya ko'pincha JavaScript AST dan foydalanish uchun TypeScriptni tuzatish orqali linting jarayonini tezlashtirishi mumkin.

Ko'pincha, eng yaxshi yondashuv bu kombinatsiyadan foydalanishdir: tur tekshiruvi uchun `tsc` dan alohida jarayonda (yoki IDE'nizda) foydalaning, keyin haqiqiy translyatsiya va to'plash uchun `esbuild` yoki `swc` dan foydalaning.

9. Kompilyatsiya Tezligini Kuzatib Boring va Profiling Qiling

Bottlenecklarni aniqlash va optimallashtirish harakatlaringizning samaradorligini kuzatish uchun TypeScript kompilyatsiya tezligini muntazam ravishda kuzatib boring va profiling qiling. Kompilyatsiya vaqtini batafsil ma'lumot olish uchun `tsc` dagi --diagnostics bayrog'i kabi vositalardan foydalaning.

            
tsc --diagnostics

            

              
                Copy
              
            
          

Bu kompilyatsiya jarayonining turli bosqichlarida, masalan, parsiy, tur tekshiruvi va kod ishlab chiqarishda sarflangan vaqt haqida ma'lumot chiqaradi. Optimallashtirish harakatlari eng katta ta'sir ko'rsatishi mumkin bo'lgan joylarni aniqlash uchun ushbu ma'lumotdan foydalanishingiz mumkin.

Misol: Agar diagnostika hisoboti tur tekshiruvining sezilarli vaqt olganini ko'rsatsa, siz tur ta'riflarini soddalashtirish yoki murakkab generiklardan foydalanishni kamaytirishga e'tibor qaratishingiz mumkin.

10. IDE va Tahrirchingizni Optimallashtiring

Sizning IDE yoki tahrirchingiz ham ko'rinadigan ishlashga ta'sir qilishi mumkin. IDE'niz va TypeScript plaginlarining so'nggi versiyalaridan foydalanayotganingizga ishonch hosil qiling. IDE'nizni global versiya o'rniga loyihaning TypeScript versiyasidan foydalanishga sozlang. Ish jarayonini sekinlashtirayotgan bo'lsa, avtomatik tur tekshiruvi yoki kodni to'ldirish kabi xususiyatlarni o'chirib qo'yishni ko'rib chiqing.

Xulosa

TypeScript kompilyatsiya tezligini optimallashtirish samarali va unumdor ishlab chiqarish jarayonini saqlash uchun zarurdir. Ushbu maqolada keltirilgan usullarni qo'llash orqali siz qurilish vaqtlarini sezilarli darajada qisqartirishingiz, ishlab chiquvchi qoniqishini oshirishingiz va yuqori sifatli dasturiy ta'minotni yetkazib berishni tezlashtirishingiz mumkin. Yanada optimallashtirish uchun joylarni aniqlash va harakatlaringizning kutilgan ta'sirini ta'minlash uchun kompilyatsiya tezligingizni doimiy ravishda kuzatib borish va profiling qilishni unutmang. Eng yaxshi optimallashtirish strategiyasi ko'pincha sizning loyihangiz va ishlab chiqarish muhitingizga moslashtirilgan bir nechta usullarning kombinatsiyasidir.